<!--#
	var article = platform.findArticleById(numberUtil.toLong(parameter.id));
	article = platform.addArticleHot(article.id);
	var catalog = platform.findCatalogById(article.catalogId);
-->
<!--#layout("common/page.html",{"jsBase":"/js/","title":catalog.name + ' ' + article.title,"article":article}){  -->
<div class="doc-container" id="doc-container">
	<div class="container-fixed">
		<div class="col-content" style="width:100%">
			<div class="inner">
				<article class="article-list">
					<input type="hidden" value="@Model.BlogTypeID" id="blogtypeid" />
					<section class="article-item">
						<aside class="title" style="line-height:1.5;">
							<h4>${article.title}</h4>
							<p class="fc-grey fs-14">
								<small class="layui-hide">
									作者：<a href="javascript:void(0)" target="_blank" class="fc-link">sunzhe</a>
								</small>
								<small class="">围观群众：<i class="readcount">${article.hot}</i></small>
								<small class="ml10">更新于 <label>${article.updateTime,dateFormat="yyyy-MM-dd mm:HH:ss"}</label> </small>
							</p>
						</aside>
						<div class="time mt10" style="padding-bottom:0;">
							<span class="day">${article.showTime,dateFormat="dd"}</span>
							<span class="month fs-18">${article.showTime,dateFormat="M"}<small class="fs-14">月</small></span>
							<span class="year fs-18">${article.showTime,dateFormat="yyyy"}</span>
						</div>
						<div class="content artiledetail" style="border-bottom: 1px solid #e1e2e0; padding-bottom: 20px;">
							${article.content}
							<div class="copyright mt20">
								<p class="f-toe fc-black">
									非特殊说明，本文版权归 xxxx 所有，转载请注明出处.
								</p>
								<p class="f-toe">
									本文标题：
									<a href="${tpl}/article.do?id=${article.id}" class="r-title">${article.title}</a>
								</p>
								<p class="f-toe">
									本文网址：
									<a href="${request.requestURL}?${request.queryString}">${request.requestURL}?${request.queryString}</a>
								</p>
							</div>
							<div class="layui-hide">
								<div id="aplayer" style="margin:5px 0"></div>
								<h6>延伸阅读</h6>
								<ol class="b-relation"></ol>
							</div>
						</div>
						<div class="layui-hide bdsharebuttonbox share" data-tag="share_1">
							<ul>
								<li class="f-praise"><span><a class="s-praise"></a></span></li>
								<li class="f-weinxi"><a class="s-weinxi" data-cmd="weixin"></a></li>
								<li class="f-sina"><a class="s-sina" data-cmd="tsina"></a></li>
								<li class="f-qq" href="#"><i class="fa fa-qq"></i></li>
								<li class="f-qzone"><a class="s-qzone" data-cmd="qzone"></a></li>
							</ul>
						</div>
						<div class="f-cb"></div>
						<fieldset class="layui-elem-field layui-field-title">
							<script src="${ctxPath}${tpl}/js/comment.js"></script>
							<legend>发表评论</legend>
							<div class="layui-field-box">
								<div class="leavemessage" style="text-align:initial">
									<form class="layui-form blog-editor" lay-filter="submitComment" onsubmit="return false">
										<input type="hidden" name="articleId" id="articleid" lay-filter="submitComment" value="${article.id}">
										<div class="layui-form-item">
											<textarea name="content" lay-filter="submitComment" placeholder="请输入内容" class="layui-textarea kindEditor"></textarea>
										</div>
										<div class="layui-form-item">
											<button class="layui-btn" lay-submit lay-filter="submitComment">提交评论</button>
										</div>
									</form>
								</div>
							</div>
						</fieldset>
						<ul id="commentListView" article_id="${article.id}" limit="5" class="message-list">
						</ul>
						<script id="commentListTpl" type="text/html">
							{{#  layui.each(d.data, function(index, item){ }}
							<li class="zoomIn article">
								<div class="comment-item">
									<a name="remark-{{item.id}}"></a>
									{{#  if(item.photo == null) { }}
									<img src="${tpl}/image/default_face.jpg" />
									{{#  } else { }}
									<img src="/core/file/inline/{{item.photo}}" />
									{{#  }}}
									<div class="info">
										<span class="username">{{item.userName == null ? "游客" : item.userName}}</span>
										<div class="comment-content">
											{{item.content}}<br />
										</div>
										<p class="info-footer">
											{{#  if(item.provinceName != null) { }}
											<i class="fa fa-map-marker" aria-hidden="true"></i>
											<span>{{item.provinceName}}</span>
											{{# }}}
											<span class="comment-time">{{item.updateTime}}</span>
											<a href="javascript:;" class="btn-reply" data-targetid="1" data-targetname="{{item.userName}}">回复</a>
										</p>
										<hr />
										<div class="comment-child">
											<ul article_id="${article.id}" id="commentListView_{{item.id}}" limit="5" class="message-list">
												{{#  layui.each(item.childList, function(childIndex, child){ }}
													<li>{{child.content}}</li>
												{{#  }); }}
											</ul>
										</div>
										<div class="replycontainer layui-hide">
											<form class="layui-form" lay-filter="submitComment" onsubmit="return false">
												<input type="hidden" lay-verify="submitComment" name="remarkId" value="1">
												<input type="hidden" lay-verify="submitComment" name="parentId" value="{{item.id}}">
												<div class="layui-form-item">
													<textarea name="content" lay-verify="submitComment" placeholder="请输入回复内容" class="layui-textarea kindEditor" style="min-height:80px;"></textarea>
												</div>
												<div class="layui-form-item">
													<button class="layui-btn" lay-submit lay-filter="submitComment">回复{{item.userName == null ? "游客" : item.userName}}的评论</button>
												</div>
											</form>
										</div>
									</div>
								</div>
							</li>
							{{#  }); }}
							{{#  if(d.count > d.limit) { }}
							<li>
								<div id="page" class="align-center"></div>
							</li>
							{{# }}}
						</script>
					</section>
				</article>
			</div>
		</div>
	</div>
</div>

<link rel="stylesheet" href="${ctxPath}${tpl}/css/message.css" />
<!--#}  -->